/* 引入的样式 */
@import './modules/reset.scss';
@import './modules/header.scss';
@import './modules/footer.scss';


.main{
    width: 100%;
    background-color: #f5f5f5;
    height: auto;
    //主体内容
    & .wrap{
        width: 1283px;
        margin: 0 auto;
       
        height: auto;
        padding-bottom: 40px;
        &-mycart{
            padding: 84px 0;
            color: #666;
            font-size: 14px;
            &-top{
                font-size: 16px;
                line-height: 26px;
                display: flex;
                align-items: center;
                background: #fff;
                height: 56px;
                & .shop-info{
                    width: 280px;
                    margin-left: 236px;
                    float: left;
                }
                & .shop-price{
                    width: 142px;
                    margin-left: 160px;
                    float: left;
                }
                & .shop-num{
                    width: 118px;
                    margin-right: 80px;
                    float: left;
                    text-align: center;
                }
                & .shop-sumprice{
                    width: 140px;
                   
                    float: left;
                    
                }
                & .shop-caozuo{
                    width: 120px;
                   
                    float: left;
                    
                }
            }

            .empty{
                height: 415px;
                border-top: 1px dashed #e3e3e3;
                margin-top: 18px;
                width: 1283px;
                margin: 0 auto;
                text-align: center;
                p{
                    padding-top: 38px;
                    font-size: 32px;
                    color: #3a3f4a;
                    font-weight: bold;
                    height: 32px;
                    line-height: 30px;
                    a{
                        color: #f74a4a;
                    }
                }
            }
            
            // 全选操作行  供应商
            & .gys{
                font-size: 16px;
                line-height: 26px;
                padding: 25px 0 15px;
                
                width: 100%;
                & #allChoose{
                    width: 24px;
                    height: 24px;
                    line-height: 24px;
                    background: #fafafa;
                    border: 1px solid #ddd;
                    margin: 0 26px 0 30px;
                    display: inline-block;
                    outline: none;
                    vertical-align: middle;
                    zoom: 1;
                    cursor: pointer;
                    position: relative;
                }
                & p{
                    display: inline-block;
                    
                    vertical-align: top;
                    zoom: 1;
                }
            }
            & .mycart-list{
                background: #f5f5f5;
                margin-bottom: 10px;
                
                &-wrap{
                    height: 170px;
                    display: flex;
                    align-items: center;
                    margin-bottom: 10px;
                    background: #fff;
                    & .choose{
                        width: 24px;
                        height: 24px;
                        line-height: 24px;
                        background: #fafafa;
                        border: 1px solid #ddd;
                        margin: 0px 26px 0 30px;
                        cursor: pointer;
                        float: left;
                    }
                    &-img{
                        width: 113px;
                        height: 113px;
                        & img{
                            width: 113px;
                            height: 113px;
                            border: 1px solid #ddd;
                        }
                    }
                    &-name{
                        height: 90px;
                        margin-top: -5px;
                        width: 271px;
                        margin-left: 35px;
                        
                        & p{
                            width: 240px;
                            margin-bottom: 12px;
                        }
                        & span{
                            font-size: 12px;
                            color: #f74a4a;
                            border: 1px solid #f599a0;
                            border-radius: 3px;
                            padding: 0 4px;
                            margin-right: 10px;
                            line-height: 18px;
                           
                        }
                    }
                    &-size{
                        height: 90px;
                        color: #99a5c2;
                        width: 160px;
                    }
                    &-price{
                        height: 90px;
                        margin-left: 32px;
                        font-weight: bold;
                        width: 25px;
                    }
                    &-choosenum{
                        height: 106px;
                        margin-left: 101px;
                        & span{
                            width: 30px;
                            height: 30px;
                            font-size: 26px;
                            line-height: 30px;
                            color: #666;
                            border: 1px solid #ddd; 
                            float: left;
                            text-align: center;
                            cursor: pointer;
                        }
                        & input{
                            width: 54px;
                            font-size: 14px;
                            line-height: 28px;
                            color: #333;
                            text-align: center;
                            border: 1px solid #ddd;
                            outline: none;
                            float: left;
                           
                        }
                    }
                    &-pricesum{
                        width: 140px;
                        height: 90px;
                        margin-left: 80px;
                        font-weight: bold;
                    }
                    &-caozuo{
                        line-height: 24px;
                        height: 102px;
                        span{
                            color: #333;
                            display: block;
                            cursor: pointer;
                        }
                    }
                }
            }

            //结算栏
            &-settlement{
                background: #fff;
                height: 72px;
                width: auto;
                & a{
                    float: right;
                    width: 150px;
                    height: 72px;
                    font-size: 18px;
                    text-align: center;
                    color: #fff;
                    line-height: 72px;
                    background-color:#ff5556;
                }
                &-info{
                    width: auto;
                    height: 72px;
                    float: right;
                    margin-right: 10px;
                    &-top{
                        margin-bottom: 3px;
                        width: auto;
                        height: 32px;
                        margin-top: 6px;

                        & span{
                            color: #f74a4a;
                            font-size: 20px;
                            font-weight: bold; 
                        }
                    }
                }
            }
            &-tuijian{
                height: 370px;
                width: 100%;
                margin-top: 80px;
                border-top: 1px solid #eeeeee;
                text-align: center;
                & h3{
                    height: 35px;
                    font-size: 24px;
                    line-height: 34px;
                    color: #666;
                    font-weight: normal;
                    padding: 0 12px;
                    background: #fafafa;
                    position: relative;
                    top: -15px;
                    display: inline-block;
                    
                }
                & ul{
                    height: 334px;
                    display: flex;
                    justify-content: space-around;
                    & li{
                        width: 246px;
                        margin: 10px 5px 0 5PX;
                        text-align: left;
                        float: left;
                        background-color: #fff;
                        height: 324px;
                        & img{
                            width: 246px;
                            height: 236px;
                            display: block;
                        }
                        & .down{
                            height: 88px;
                            font-size: 14px;
                            background: #fff;
                            padding: 0 9px;
                            overflow: hidden;
                            position: relative;
                            & .title{
                                margin: 14px 0;
                                line-height: 30px;;
                            }
                            &-sp1{
                                font-size: 24px;
                                color: #f74a4a;
                                font-weight: bold;
                            }
                            &-sp2{
                                
                                color: #999;
                                text-decoration: line-through;
                                float: right;
                                margin-right: 6px;
                                margin-top: 6px;
                            }
                        }
                    }
                }
            }

        }
    }
}